<template>
    <div class="codelist">
        <h2><i class="iconfont icon-caidan"></i>HTML/CSS</h2>
        <router-link to="" class="item-top">
            <h4>【学习HTML】</h4>
            <img src="src/assets/images/Html.png" alt="Html" class="codeicon">
            <strong>HTML，即超文本标记语言 (Hyper Text Markup Language)</strong>
        </router-link>
        <router-link to="/css" class="item-top">
            <h4>【学习CSS】</h4>
            <img src="src/assets/images/Css.png" alt="Html" class="codeicon">
            <strong>层叠样式表 (Cascading StyleSheet)</strong>
        </router-link>
        <a href="" class="item-top">
            <h4>【学习BootStrap】</h4>
            <img src="src/assets/images/BootStrap.png" alt="Html" class="codeicon">
            <strong>Bootstrap，来自 Twitter，是目前最受欢迎的前端框架</strong>
        </a>
    </div>
</template>

<script lang="ts" setup>
</script>

<style lang='scss' scoped>
@import "@/styles/codelist-desktop.scss";
</style>